<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <title>我的收藏</title>
    <!-- 导入字体图样式 -->
    <link rel="stylesheet" href="../Public/iconfont/iconfont.css">
    <!-- 导入公共css样式 -->
    <link rel="stylesheet" href="../Public/css/common.css">
    <!-- 导入头部导航的JS样式 -->
    <script src="../Public/js/utils.js"></script>
    <!-- 导入JQuery库js样式 -->
    <script src="../Public/js/jQuery.mini.js"></script>
    <!-- 导入文档的CSS样式 -->
    <link rel="stylesheet" href="../Personalcenter/css/myCollection.css">
    <!-- 导入文档的JS样式 -->
    <!-- <script src="../Personalcenter/js/"></script> -->
    <!-- 头部导航 -->
    <script>
        window.onload = function() {      
            utils.addHeader(1, '我的收藏', ``, 1);      
            // utils.addFooter(1);  
        }
    </script>
    <script>
        window.addEventListener('load', function() {
            var _read = document.querySelector('.read');
            var _readas = _read.querySelectorAll('.read_a');
            var _items = document.querySelectorAll('.box_item');
            for (var i = 0; i < _readas.length; i++) {
                _readas[i].setAttribute('index', i)
                _readas[i].onclick = function() {
                    for (var i = 0; i < _readas.length; i++) {
                        _readas[i].className = "read_a";
                    };
                    this.className = "read_a dian bl";
                    var index = this.getAttribute('index');
                    for (var i = 0; i < _items.length; i++) {
                        _items[i].style.display = 'none';
                    };
                    _items[index].style.display = 'block';
                }
            }
        })
        $(function() {
            $('.cell').on('click', function() {
                window.location.assign('/Office/News/newsDetail.html')
            })
            $('.card').on('click', function() {
                window.location.assign('考核计划.html')
            })
        })
    </script>

</head>

<div class="box">
    <div class="read">
        <div class="read_a dian bl">
            <span>新闻</span>
            <!-- <span>5</span> -->
        </div>
        <div class="read_a">
            <span>公告</span>
            <!-- <span>5</span> -->
        </div>
    </div>
    <!-- 新闻模块--start -->
    <div class="box_item" style="display:block">
        <div class="cell">
            <div class="img">
                <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/组件_规范/u1017.png" alt="">
            </div>
            <div class="information">
                <div class="title">我司入选“2017中关村高成长企业TOP100”</div>
                <div class="tips">
                    <div class="read">
                        <span class="icon iconfont icon-renshutongji"></span>
                        <span class="number">100</span>
                    </div>
                    <div class="collect">
                        <span class="icon iconfont icon-wodeshoucang"></span>
                        <span class="number">100</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="cell">
            <div class="img">
                <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/组件_规范/u1017.png" alt="">
            </div>
            <div class="information">
                <div class="title">我司入选“2017中关村高成长企业TOP100”</div>
                <div class="tips">
                    <div class="read">
                        <span class="icon iconfont icon-renshutongji"></span>
                        <span class="number">100</span>
                    </div>
                    <div class="collect">
                        <span class="icon iconfont icon-wodeshoucang"></span>
                        <span class="number">100</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="cell">
            <div class="img">
                <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/组件_规范/u1017.png" alt="">
            </div>
            <div class="information">
                <div class="title">我司入选“2017中关村高成长企业TOP100”</div>
                <div class="tips">
                    <div class="read">
                        <span class="icon iconfont icon-renshutongji"></span>
                        <span class="number">100</span>
                    </div>
                    <div class="collect">
                        <span class="icon iconfont icon-wodeshoucang"></span>
                        <span class="number">100</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 新闻模块--end -->
    <!-- 公告模块--start -->
    <div class="box_item">
        <div class="card">
            <p class="title">
                <span class="name">国庆节放假通知</span>
                <span class="tips">放假通知</span>
            </p>
            <span class="rest">国庆节假期安排为：10月1日至7日放假调休，共7天。</span>
            <span class="work">9月26日（星期日）、10月9日（星期六）上班</span>
            <span class="announcementtime">李凡凡  2022-01-09 10:45</span>
        </div>
        <div class="card">
            <p class="title">
                <span class="name">国庆节放假通知</span>
                <span class="tips">放假通知</span>
            </p>
            <span class="rest">国庆节假期安排为：10月1日至7日放假调休，共7天。</span>
            <span class="work">9月26日（星期日）、10月9日（星期六）上班</span>
            <span class="announcementtime">李凡凡  2022-01-09 10:45</span>
        </div>
        <div class="card">
            <p class="title">
                <span class="name">国庆节放假通知</span>
                <span class="tips">放假通知</span>
            </p>
            <span class="rest">国庆节假期安排为：10月1日至7日放假调休，共7天。</span>
            <span class="work">9月26日（星期日）、10月9日（星期六）上班</span>
            <span class="announcementtime">李凡凡  2022-01-09 10:45</span>
        </div>
    </div>
    <!-- 公告模块--end -->

    <span class="bottomtips">没有更多数据了</span>

</div>

</body>

</html>